<template>

  <div class="card" style=" z-index: 100;height: 57vh;overflow-y: auto;">

   <div style="display: flex;background-color: #191919;" v-for="(item,index) in userlist" v-bind:key="index">
     <div class="img"
          style="

     width: 30px;
    height: 30px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
">
       <img
         src="../../assets/Images/login-bg.png"
         width="100%" height="100%"
         style="border-radius: 20px"
       >
     </div>
     <div class="username" style="text-indent: 1em;flex-grow: 1;
     text-align: left;
    line-height: 3em;
    color: #ffffff;
">
       {{item}}
     </div>

   </div>

<!--    <div>-->
<!--      <div v-for="(item,index) in this.userlist" v-bind:key="index">-->
<!--        {{item}}-->
<!--      </div>-->
<!--    </div>-->
  </div>
</template>

<script>
export default {
  props:{
    userlist:Array

  },
  created() {
    console.log("1232123")
    console.log(this.userlist)
  },
  name: "clientList",
  data() {
    return {
      clients: []
    };
  },

  methods: {
    setClients(clients) {
      this.clients.length = 0;
      this.clients.push(...clients);
    }
  }
};

</script>

<style scoped>
.card{
  background-color: #191919 !important;
}
</style>